<template>
  <el-cascader
          :options="options"
          v-model="selectedOptions"
          :disables="disabled"
          :clearable="clearable"
          :readonly="readonly"
          :placeholder="placeholder"
          :style="{width: width}"
          @change="$emit('change', $event)">
  </el-cascader>
</template>

<script>
  import {
    provinceAndCityData,
    regionData,
    provinceAndCityDataPlus,
    regionDataPlus,
    CodeToText,
    TextToCode
  } from 'element-china-area-data'

  export default {
    name: 'FmAddress',
    components: {

    },
    model: {
      prop: 'value',
      event: 'change'
    },
    props: {
      disabled: Boolean,
      clearable: Boolean,
      placeholder: String,
      readonly: Boolean,
      width: String,
      value: String|Array,
      change: Function
    },
    data() {
      return {
        selectedOptions: this.value,
        options: regionData,
      }
    },
    watch: {

    },
    methods: {

    }
  }
</script>

<style scoped>

</style>
